// createRouter 是用来创建路由对象的方法
// createWebHistory 创建路由模式的方法,History 模式，路径使用的是 / 开头，一般要配合
// 后端服务器进行使用，容易产生 404,因为一旦路径有一些文件就到导致找不到页面
// createWebHashHistory  创建路由模式的方法，Hash 前面使用的是 # 开头，不许后端配合，使用更安全
import { createRouter, createWebHistory, createWebHashHistory } from 'vue-router'

// 导入路由页面
import HomeView from '../views/HomeView.vue'


// 路由规则
const routes = [
  {
    // path 页面路径
    path: '/',
    // name 路由的名称，给路由起一个 别名
    name: 'home',
    // 当前路由所对应的页面，当前路径访问时要打开的页面
    component: HomeView
  },
  {
    path: '/login',
    name: 'login',
    // route level code-splitting
    // this generates a separate chunk (About.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    // 路由懒加载，对于一些不确定是否需要立即使用或者显示的页面，可以使用路由懒加载
    component: () => import('../views/LoginView.vue')
  }
]


// 创建路由对象
const router = createRouter({
  // 配置路由模式
  // import.meta.env.BASE_URL 设置文件的目录
  history: createWebHashHistory(import.meta.env.BASE_URL),
  // routes 是路由的规则定义
  routes
})

// 导出路由对象
export default router
